<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>演出列表</title>
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="/show/css/font.css">
    <link rel="stylesheet" href="/show/css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="/show/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/show/js/xadmin.js"></script>

</head>
<body>
<div class="container" style="background-color: white">
    <form class="layui-form" action="/plan/planExcel" method="post">
        <input type="hidden" th:value="${planItem}" name="planItem" id="planItem">
        <div class="layui-input-inline" style="float: right">
            <span>
                <button class="layui-btn " type="submit" ><i class="layui-icon"></i>excel导出</button>
            </span>
        </div>
        <hr>
        <div>
            <span style="text-align: center;font-size: 25px;">
                日场（9:00-21:00）
            </span>
        </div>
        <table id="dayTable" class="layui-table" th:each="par:${dayMap}">
            <thead >
                <th>区域</th>
                <th>表演地点</th>
                <th>表演节目</th>
                <th>工作日表演时间</th>
                <th>周末表演时间</th>
                <th>停演时间</th>
            </thead>
            <tbody th:each="activity:${par.value}">
            <tr>
                <td th:text="${activity.activityAddr}">
                <td th:text="${activity.activityArea}">
                <td th:text="${activity.activityName}">
                <td th:text="${activity.showWorkdayTime}">
                <td th:text="${activity.showWeekdayTime}">
                <td th:text="${activity.showStopWeekday}">
            </tr>
            </tbody>
        </table>

        <div >
             <span style="text-align: center;font-size: 25px;">
                    夜场（17:00-21:00）
                </span>
        </div>
        <table id="nightTable" class="layui-table " th:each="parr:${nightMap}">
            <thead >
                <th>区域</th>
                <th>表演地点</th>
                <th>表演节目</th>
                <th>工作日表演时间</th>
                <th>周末表演时间</th>
                <th>停演时间</th>
            </thead>
            <tbody >
            <tr th:each="activityy:${parr.value}">
                <td th:text="${activityy.activityAddr}">
                <td th:text="${activityy.activityArea}">
                <td th:text="${activityy.activityName}">
                <td th:text="${activityy.showWorkdayTime}">
                <td th:text="${activityy.showWeekdayTime}">
                <td th:text="${activityy.showStopWeekday}">
            </tr>
            </tbody>
        </table>
    </form>
</div>
</body>
<script>

    function excel(obj) {
        var planItem = document.getElementById("planItem").value;
        $.ajax({
            url: "/plan/planExcel",
            async: false,
            type: "POST",
            dataType: "json",
            data: {"planItem": planItem},
            success: function (data) {
                layer.msg("已下载", {icon: 5, time: 1000});
            }
        })
    }
</script>
</html>